<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/10/12 0012
  Time: 13:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>登录</title>
    <link rel="stylesheet" href="../frame/layui/css/layui.css">
    <link rel="stylesheet" href="../frame/static/css/style.css">
    <link rel="icon" href="../frame/static/image/code.png">
</head>
<body>

<div class="login-main">
    <header class="layui-elip">后台登录</header>

    <%--
               action:指定路径

               常用的三种路径:
                       相对路径:相对于当前页面本身的路径。最容易出现404
                       绝对路径:http://localhost:8080/web_manage/emp/all  固定写死了，万一需要更改项目名字，其中所有的路径都需要更改
                       客户端路径: / 开头的路径:相对于tomcat的目录,默认不携带项目名称
                            如果是服务端请求:请求转发 和 请求包含:服务器端与服务端的请求，包含了项目名字，可以直接省略项目名字
                             客户端请求(a,form,location,浏览直接输入): /开头  相对于tomcat注目录，没有携带项目名称。自己获取项目名字

               结论:
                    - 推荐使用客户端路径(绝对路径一种)，必须 / 开始
                    - 除了请求转发和请求包含的路径，其余都需要加上项目名称


    --%>

    <%--    获取项目名称--%>

    <%--    <%--%>
    <%--        String contextPath = request.getContextPath();--%>
    <%--    %>--%>
    <form class="layui-form" action="${pageContext.request.contextPath}/user/login" method="post">
        <div class="layui-input-inline">
            <span style="text-align: center;color: red">${loginErrorMsg}</span>
        </div>
        <div class="layui-input-inline">
            <input type="text" name="username" required lay-verify="required" placeholder="邮箱" autocomplete="off"
                   class="layui-input">
        </div>
        <div class="layui-input-inline">
            <input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off"
                   class="layui-input">
        </div>
        <div class="layui-input-inline">
            <input type="checkbox" name="remember" title="记住用户名" lay-skin="primary" checked>
        </div>
        <div class="layui-input-inline login-btn">
            <button type="submit" class="layui-btn">登录</button>
        </div>
        <hr/>
        <!--<div class="layui-input-inline">
            <button type="button" class="layui-btn layui-btn-primary">QQ登录</button>
        </div>
        <div class="layui-input-inline">
            <button type="button" class="layui-btn layui-btn-normal">微信登录</button>
        </div>-->
        <p><a href="javascript:;" class="fl">立即注册</a>

            <a href="javascript:;" class="fr">忘记密码？</a></p>
    </form>
</div>


<script src="../frame/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['form', 'jquery'], function () {

        // 操作对象
        var form = layui.form
            , $ = layui.jquery;

        // you code ...


        //获取cookie
        //1.由于现在使用的是jsp,所以可以直接使用  ${cookie.loginName}
        //2.html不能使用表达式。js原生也支持cookie但是麻烦。 可以直接使用第三方库:jquery.cookie.js
        var name = '${cookie.loginName.value}';

        //解码
        var loginName = decodeURI(name, "utf-8");

        $("[name='username']").val(loginName);

    });
</script>
</body>
</html>
